<template>
  <van-nav-bar
        title="信息认证"
        left-text="返回"
        left-arrow
        fixed
        @click-left="onClickLeft"
    dis/>

<!-- 实名认证 1-->
  <div class="one">
    <h4>实名认证</h4>
    <p>实名后即可发布房源</p>
    <h6>注：一个账号有且只能进行一次实名认证，认证成功后讲无法更改</h6>
    <br>
<!--    //点击跳转实名界面-->
    <div id="o" @click="sm">
      <span><p>{{store.user.realname}}<van-icon name="arrow" /></p></span>
    </div>
  </div>

  <!-- 非中介保证金 2-->
  <div class="two">
    <h4>非中介保证金</h4>
    <p>缴纳后即可查看微信电话模块</p>
    <h6>注：但凡交纳保证金后若将举报并核实则会把保证金奖励给举报方</h6>
    <br>
    <div id="t" @click="jn">
      <span><p>{{store.user.jiaofei}}<van-icon name="arrow" /></p></span>
    </div>

  </div>

  <!--  我的租房合同 3-->
  <div class="three">
    <h4>我的租房合同</h4>
    <p>上传后可极大提升“租房”“换租”效率</p>
    <br>
    <br>
    <div id="th" @click="ht">
      <span><p>{{store.user.hetong}}<van-icon name="arrow" /></p></span>

    </div>

  </div>
  <div class="four">
    <h4>平台承诺</h4>
    <h5>我们不会将您的个人信息透漏给任何平台我们不会将您的个人信息透漏给任何平台</h5>
  </div>


</template>

<script setup>
//返回上一级
const onClickLeft = () => history.back();
import {ref} from 'vue';
import {useRouter} from "vue-router";
import {useStore} from '../../pinia/index.js'
const store = useStore()
const router=useRouter();
//跳转实名认证
const sm = () => {
  router.push("/realname")
}
//跳转交纳保证金
const jn = () => {
  router.push("/money")
}
//跳转上传合同
const ht = () => {
  router.push("/contract")
}

</script>

<style scoped>

.one{
  height: 148px;
  width: 345px;
  margin-top: -64px;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-top: 20px;
  background-color: #f1f1f1;
  text-align: left;
 border: 1px solid #a6a2a2;
}
.two{
  height: 148px;
  width: 345px;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-top: 20px;
  background-color: #f1f1f1;
  text-align: left;
  border: 1px solid #a6a2a2;
}
.three{
  height: 139px;
  width: 345px;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-top: 20px;
  background-color: #f1f1f1;
  text-align: left;
  border: 1px solid #a6a2a2;
}
.four{
  height: 148px;
  width: 345px;
  margin-bottom: 15px;
  padding-top: 20px;
  text-align: left;
}
h6{
  margin: auto;
}
h4{
  margin: auto;
}
p{
margin: 5px 7px;
  color: #888888;
  font-size: 15px;
}
#o{
  margin-left: 255px;
}
#t{
  margin-left: 255px;
}
#th{
  margin-left: 255px;
}

</style>
